@charset "utf-8";
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
html,
body {height:100%; }
html { overflow-y:scroll; }

/* all */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,th,tr,td,p,span {margin:0; padding:0; color:#666; font-style:normal; font-size:12px; font-family:NanumGothic, 나눔고딕;}
table {border-collapse:collapse; border-spacing:0; text-align:left;}
fieldset,img,abbr,acronym{border:none;}
tr{vertical-align:top;}
img{vertical-align:top;}
address,caption,cite,code,dfn,em,var { font-style:normal; font-weight:normal; }
ol,ul {list-style:none; }
caption,th {text-align:left; }
q:before,q:after {content:''; }
abbr,acronym {border:0; }
form {margin:0;}
ul, ol, li, dl, dt, dd {list-style:none; padding:0; margin:0;}
a {outline:none; select-dummy:expression(this.hideFocus=true);}
	
	
/* body */
body {margin:0;padding:0; border:0;}
#outline {position:relative;text-align:center;width:990px;margin:0 auto;}
#church {position:absolute;top:0px;left:0px;z-index:8;}
#main_visual {position:absolute;top:0px;left:240px;z-index:7;}
#logo {position:absolute;top:20px;left:0px;z-index:6;}
#content {position:absolute;top:0px;left:0px;z-index:4;}
#menu {position:absolute;width:150px; height:100%; margin:0 0 0 840px; background-color:#383838; z-index:5;}
#sub_visual {position:absolute;top:0px;left:370px;z-index:3;}

/* 메인이미지-롤링 */ 
#visual_bt {position:absolute;top:415px;left:465px;z-index:2;}
#visual {position:absolute;top:0px;left:0px;z-index:1;}
.orderStep {width:135px;height:8px;text-align:left;}
.orderStep img {cursor:pointer;}
#shopMainImgs {position:relative;height:400px;}
#shopMainImgs IMG {position:absolute;top:0;left:0;z-index:8;opacity:0.0;}
#shopMainImgs IMG.active {z-index:10;opacity:1.0;}
#shopMainImgs IMG.last-active {z-index:9;}

/* 메인배너 */
.slides{position:relative;width:240px}
.slides .slide{overflow:hidden;position:relative;width:240px;height:85px}
.slides .slide li{display:block;width:240px;height:85px}
.slides .page{z-index:100;position:absolute;top:90px;left:0;width:240px;text-align:right;list-style:none}
.slides .page li{display:inline-block;_display:inline;margin:0 1px;_zoom:1}
.slides .page li a{display:block;overflow:hidden;width:15px;height:12px;background:url(../img/sp_page.png) 0 0 no-repeat;line-height:999px;vertical-align:top}
.slides .page li.current a{background-position:0 -12px}

/* 기본-링크 */
a:link{text-decoration:none; color:#5e5e5e;}
a:visited{text-decoration:none; color:#5e5e5e;}
a:hover{text-decoration:none; color:#fe6600;}

/* 탑메뉴-링크 */
a.top:link{text-decoration:none; color:#888888;}
a.top:visited{text-decoration:none; color:#888888;}
a.top:hover{text-decoration:none; color:#ffffff;}
.t_menu{font-size:10px; font-weight:bold; padding-bottom:2px;}

/* 메인메뉴-링크 */
a.main_on{font-size:14px;color:#ffffff;font-weight:bold; padding:9px 0 10px 0; }
a.main:link{text-decoration:none; color:#e6e6e6;}
a.main:visited{text-decoration:none; color:#e6e6e6;}
a.main:hover{text-decoration:none; color:#ffffff;}
.m_menu{font-size:14px;font-weight:bold; padding:9px 0 10px 15px;}

/* 서브메뉴-링크 */
a.sub_on{font-size:12px;color:#fe6600;font-weight:bold; padding:6px 0 7px 0;}
a.sub:link{text-decoration:none; color:#959595;}
a.sub:visited{text-decoration:none; color:#959595;}
a.sub:hover{text-decoration:none; color:#fe6600;}
.s_menu{font-size:12px; font-weight:bold; padding:6px 0 7px 15px;}

/* 퀵메뉴-링크 */
a.q:link{text-decoration:none; color:#8b8b8b;}
a.q:visited{text-decoration:none; color:#8b8b8b;}
a.q:hover{text-decoration:none; color:#ffffff;}
.q_menu{font-size:11px; font-weight:bold; padding-top:8px;}
.q_menu_t{font-size:12px;color:#8b8b8b; font-weight:bold; padding:12px 0 14px 15px;}

/* 이미지박스-링크 */
.img_line img{border:1px solid #e5e5e5;}
.img_line:hover img{border: 1px solid #fe6600;}
.img_line:hover{color:#e5e5e5;}

/* 하단메뉴-링크 */
a.bottom:link{text-decoration:none; color:#888888;}
a.bottom:visited{text-decoration:none; color:#888888;}
a.bottom:hover{text-decoration:none; color:#4a4a4a;}
.bottom_menu{font-size:12px;letter-spacing:-1px;}

/* 하단-텍스트 */
.bottom_text01{font-size:11px; padding-top:20px;}
.bottom_text02{font-size:10px; padding:5px 0 20px 0; line-height:13px;}

/* familysite */
.footer_family {float:left;width:150px;padding:0 0 0 0;}
.footer_family .link_select {float:right;margin:0 0 0 0;}
.link_select {/*position:absolute;right:0;top:-4px;*/position:relative;width:150px;z-index:9000;vertical-align:top;}
.link_select .se {display:block;height:25px;margin:0;padding:0;letter-spacing:-1px;font-size:10px;background:url("../img/family_box.gif") no-repeat left top;text-decoration:none !important;}
.link_select .se_on {display:block;height:25px;margin:0;padding:0;letter-spacing:-1px;font-size:10px;background:url("../img/family_box.gif") no-repeat left top;text-decoration:none !important;}
.link_select strong {display:inline-block;padding:9px 0 0 19px;font-weight:normal;cursor:pointer;}
.link_select .list_wrap {display:none;overflow:hidden;overflow-y:auto;position:absolute;left:0;top:0px;margin:0;padding:12px 0 12px 0;border:1px solid #2d2d2d;background:#fff;}
.link_select .list_wrap ul {margin:0;padding:0;}
.link_select .list_wrap li {display:inline;width:100%;margin:0;padding:0;}
.link_select .list_wrap a {display:block;width:100%;padding:3px 0 3px 16px;font-size:11px;color:#aaa;text-decoration:none;border:0;background:none;}
.link_select .list_wrap a:hover {color:#2d2d2d;}



/* 메인-관련 */
.main_t{font-size:14px;font-weight:bold;color:#fe6600;letter-spacing:-1px;padding-bottom:7px;}/* 메인타이틀 */
.main_t_on{font-size:14px;font-weight:bold;color:#fe6600;letter-spacing:-1px;padding:0 15px 7px 0;}/* 메인뉴스-온 */
.main_t_off{font-size:14px;font-weight:bold;color:#464646;letter-spacing:-1px;padding:0 15px 7px 0;}/* 메인뉴스-오프 */

.main_st1{font-size:11px;color:#757575; padding-bottom:3px;}/* 예배 구분텍스트 */
.main_st2{font-size:11px;color:#464646; padding-bottom:3px;}/* 예배 구분텍스트 */
.main_st3{font-size:11px;color:#464646; padding-bottom:4px;}/* 정기예배텍스트 */
.main_st4{font-size:11px;color:#757575; padding-bottom:4px;}/* 정기예배텍스트 */

.main_bn_t1{font-size:14px;font-weight:bold;color:#fe6600;letter-spacing:-1px;padding:7px 0 0 7px;}/* 안내배너텍스트 */
.main_bn_t2{font-size:18px;font-weight:bold;color:#d6d6d6;letter-spacing:0px; line-height:16px;padding:3px 0 0 7px;}/* 안내배너텍스트 */

a.main_news:link{text-decoration:none; color:#757575;}/* 메인뉴스-링크 */
a.main_news:visited{text-decoration:none; color:#757575;}
a.main_news:hover{text-decoration:none; color:#fe6600;}
.main_news1{font-size:11px;color:#757575; padding-bottom:7px;}
.main_news2{font-size:11px;color:#464646; padding-bottom:7px;}



/* 서브-관련 */
.text_mt{font-size:27px;font-weight:bold;color:#383838;letter-spacing:-1px;}/* 서브-메인타이틀 */
.text_line{font-size:27px;color:#e5e5e5; padding:0 10px 0 10px;}/* 서브-메인타이틀 */
.text_st{font-size:27px;font-weight:bold;color:#8a8a8a;letter-spacing:-1px;}/* 서브-메인타이틀 */
.text_sm {font-size:11px;color:#888888;}

.text_basic {color:#282828; font-style:normal; font-size:12px; line-height:19px;}
.text_basic_b {color:#fe6600;}
.text_tep {font-size:14px;font-weight:bold;color:#ffffff;}

/* 탭메뉴 */
#tep-menu-box{padding-bottom:30px;background:#ffffff;}
ul#tep-menu{list-style-type:none;width:100%;position:relative;height:30px;font-size:18px;font-weight:bold;margin:0;}
ul#tep-menu li{display:block;float:left;margin:0 1px 0 0;height:30px;}
ul#tep-menu li.left{margin:0;}
ul#tep-menu li a{display:block;float:left;color:#fff;background:#848484;line-height:30px;text-decoration:none;padding:0 18px 2px 18px;height:30px;}
ul#tep-menu li a.right{padding-right:18px;}
ul#tep-menu li a:hover{background:#fe6700;}
ul#tep-menu li a.current{color:#fff;background:#fe6700;}
ul#tep-menu li a.current:hover{color:#fff;background:#fe6700;}

/* 게시판-셀렉트 */
.searchInputs {float:right;position:relative;}
.searchInputs span#seachKind {display:inline-block;width:102px;height:21px;padding:7px 0 0 8px;margin-right:2px;border:1px solid #cccccc;color:#777777;font-size:11px;background:url(../img/bg_searchkind.gif) right top no-repeat;cursor:pointer;}
.searchInputs input.srh {width:140px;height:22px;border:1px solid #cccccc;vertical-align:top;padding:6px 0 0 8px;}
.searchInputs .seachKinds {position:absolute;top:29px;left:0;border:1px solid #cccccc;width:97px;padding:8px 5px 5px 8px;background-color:#ffffff;z-index:20020;}
/* 게시판-셀렉트 */
div.selectBox{position:relative;display:inline-block;cursor:default;text-align:left;line-height:27px;clear:both;color:#ccc;}
span.selected{width:90px;text-indent:10px;border:1px solid #ccc;border-right:none;background:#ffffff;overflow:hidden;}
span.selectArrow{width:29px;border:1px solid #cccccc;text-align:center;font-size:10px;-webkit-user-select: none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;background:#ffffff;}
span.selectArrow,span.selected{position:relative;float:left;height:28px;z-index:1;}
div.selectOptions{position:absolute;top:28px;left:0;width:120px;border:1px solid #ccc;overflow:hidden;background:#ffffff;padding-top:1px;display:none;}
span.selectOption{display:block;width:80%;line-height:20px;padding:5px 10%;}
span.selectOption:hover{color:#888888;background:#f6f6f6;}


/* 버튼 */
input.bt{border:0;display:block;float:right;font-weight:bold;color:#fff;background:#666666;line-height:28px;text-decoration:none;padding:0 18px 2px 18px;height:30px;margin-left:2px;}
.bt a{display:block;float:right;font-weight:bold;color:#fff;background:#666666;line-height:28px;text-decoration:none;padding:0 18px 2px 18px;height:28px;margin-left:2px;}
.bt a:hover{background:#fe6700;}
.bt_re a{display:block;float:right;font-weight:bold;color:#fff;background:#666666;line-height:28px;text-decoration:none;padding:15px 18px 15px 18px;height:28px;margin-left:8px;}
.bt_re a:hover{background:#fe6700;}
.bt_login a{display:block;float:right;font-size:18px;font-weight:bold;color:#fff;background:#666666;height:50px;line-height:50pxs;text-decoration:none;padding:27px 116px 0 116px;}
.bt_login a:hover{background:#fe6700;}
.bt_ok a{display:block;float:right;font-size:18px;font-weight:bold;color:#fff;background:#666666;height:50px;line-height:50pxs;text-decoration:none;padding:50px 78px 25px 78px;}
.bt_ok a:hover{background:#fe6700;}
.bt_ipin a{display:block;float:right;font-size:18px;font-weight:bold;color:#fff;background:#666666;height:50px;line-height:50pxs;text-decoration:none;padding:25px 50px 0 50px;}
.bt_ipin a:hover{background:#fe6700;}

.txt-box {height:22px;border:1px solid #cccccc;vertical-align:top;padding:6px 8px 0 8px;}

/* paging */
.pagingNo {text-align:center;clear:both;}
.pagingNo span.numbers {margin:0 1px;}
.pagingNo span.numbers a {display:inline-block;width:22px;height:19px;padding-top:3px;border:1px solid #c8c8c8;font-weight:bold;}
.pagingNo span.numbers a.on {border:1px solid #fe6600;color:#fe6600;}

/* 일정표 */
.calTbs {}
.calTbs tbody tr td.off {border:1px solid #e7e7e7;}
.calTbs tbody tr td.on {border:1px solid #fe6600;}
.calTbs div.dateDays {height:100%;padding:0 7px 15px 0;} 
.calTbs div.dateDays p {padding-left:7px;line-height:16px;color:#484848; padding-bottom:5px;}
.calTbs div.dateDays p.days {padding:7px 7px 15px 0;text-align:right;font-weight:bold;color:#484848;}

/* 모달팝업 */
#mask {position:absolute;left:0;top:0;z-index:90000;background-color:#fff;display:none;}
#boxes .window {position:absolute;border:1px solid #cecece;left:0;top:0;display:none;z-index:900009;padding:0px;}
#boxes #c-modal {width:600px; height:300px;padding:0px;background-color:#ffffff;}
#boxes #m-modal {width:600px; height:500px;padding:0px;background-color:#ffffff;}
#boxes #add-modal {width:600px; height:550px;padding:0px;background-color:#ffffff;}

/* 회원 */
/* 생년월일-셀렉트 */
.sel_01 {float:left;position:relative;}
.sel_01 span#sel_Kind {display:inline-block;width:112px;height:24px;padding:4px 0 0 8px;border:1px solid #cccccc;color:#777777;font-size:11px;background:url(../img/bg_searchkind.gif) right top no-repeat;cursor:pointer;}
.sel_01 .sel_Kinds {position:absolute;top:29px;left:0;border:1px solid #cccccc;width:107px;padding:8px 5px 8px 8px;background-color:#ffffff; line-height:16px;z-index:20020;}

.ip_i{height:26px;padding:0 10px;border:1px solid #cdcdcd;background-color:#fff;line-height:26px;vertical-align:middle}
